// import React, { useEffect, useState } from 'react';
// import axios from '../../request/axios';
// import { List, Spin, Empty, Alert, Tabs, Input, Divider, Typography } from 'antd';
// import { useNavigate } from "react-router-dom";
// import { Toast, NavBar } from 'react-vant';



// const { TabPane } = Tabs;
// const { Search } = Input;
// const { Title } = Typography;

// // 防抖函数
// const debounce = (func, wait) => {
//     let timeout;
//     return function executedFunction(...args) {
//         const later = () => {
//             clearTimeout(timeout);
//             func(...args);
//         };
//         clearTimeout(timeout);
//         timeout = setTimeout(later, wait);
//     };
// };

// function Index() {
//     const [data, setData] = useState([]);
//     const [departments, setDepartments] = useState([]);
//     const [loading, setLoading] = useState(true);
//     const [deptLoading, setDeptLoading] = useState(true);
//     const [error, setError] = useState(null);
//     const [activeDept, setActiveDept] = useState(null);
//     const [searchResults, setSearchResults] = useState(null);
//     const [searchLoading, setSearchLoading] = useState(false);
//     const [searchValue, setSearchValue] = useState('');
//     const [page, setPage] = useState(1);
//     const [hasMore, setHasMore] = useState(true);
//     const [loadingMore, setLoadingMore] = useState(false);
//     const navigate = useNavigate();
//     // 获取科室列表
//     const fetchDepartments = () => {
//         setDeptLoading(true);
//         axios({
//             url: '/health/share/knowledgeBase/v1/findDepartment',
//             method: 'get'
//         })
//             .then(res => {
//                 console.log(res);

//                 const deptData = res.data.result || [];
//                 setDepartments(deptData);
//                 if (deptData.length > 0) {
//                     setActiveDept(deptData[0].id);
//                 }
//             })
//             .catch(err => {
//                 console.error('科室加载错误:', err);
//                 setError('科室列表加载失败');
//             })
//             .finally(() => {
//                 setDeptLoading(false);
//             });
//     };

//     // 获取病友圈数据
//     const fetchData = (departmentId, isLoadMore = false) => {
//         if (!departmentId || (isLoadMore && !hasMore)) return;

//         const loadingState = isLoadMore ? setLoadingMore : setLoading;
//         loadingState(true);
//         setError(null);

//         axios({
//             url: '/health/user/sickCircle/v1/findSickCircleList',
//             method: 'get',
//             params: {
//                 departmentId: departmentId,
//                 page: isLoadMore ? page + 1 : 1,
//                 count: 10
//             }
//         })
//             .then(res => {
//                 const resultData = res.data.result?.list ||
//                     res.data.result ||
//                     res.data.data ||
//                     [];

//                 if (resultData.length === 0) {
//                     if (isLoadMore) {
//                         setHasMore(false);
//                     } else {
//                         setError('当前科室暂无病友圈数据');
//                     }
//                 }

//                 if (isLoadMore) {
//                     setData(prev => [...prev, ...resultData]);
//                     setPage(prev => prev + 1);
//                 } else {
//                     setData(resultData);
//                     setPage(1);
//                     setHasMore(true);
//                 }
//             })
//             .catch(err => {
//                 console.error('API错误:', err);
//                 setError(err.response?.data?.message || '请求数据失败');
//             })
//             .finally(() => {
//                 loadingState(false);
//             });
//     };

//     // 搜索病友圈功能
//     const handleSearch = (value) => {
//         if (!value.trim()) {
//             setSearchResults(null);
//             setSearchValue('');
//             return;
//         }

//         setSearchValue(value);
//         setSearchLoading(true);
//         setError(null);

//         axios({
//             url: '/health/user/sickCircle/v1/searchSickCircle',
//             method: 'get',
//             params: {
//                 keyWord: value
//             }
//         }).then(res => {
//             const resultData = res.data.result || [];
//             setSearchResults(resultData);

//             if (resultData.length === 0) {
//                 setError('没有找到相关的病友圈');
//             }
//         })
//             .catch(err => {
//                 console.error('搜索错误:', err);
//                 setError(err.response?.data?.message || '搜索失败');
//             })
//             .finally(() => {
//                 setSearchLoading(false);
//             });
//     };

//     // 科室切换处理
//     const handleTabChange = (deptId) => {
//         setActiveDept(deptId);
//         setSearchResults(null);
//         setSearchValue('');
//         fetchData(deptId);
//     };

//     // 格式化时间
//     const formatTime = (timestamp) => {
//         if (!timestamp) return '未知时间';
//         const date = new Date(timestamp);
//         return date.toLocaleString();
//     };

//     // 滚动加载更多
//     useEffect(() => {
//         const handleScroll = debounce(() => {
//             if (searchResults || loading || loadingMore || !hasMore) return;

//             const scrollHeight = document.documentElement.scrollHeight;
//             const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
//             const clientHeight = document.documentElement.clientHeight;

//             if (scrollTop + clientHeight >= scrollHeight - 100) {
//                 fetchData(activeDept, true);
//             }
//         }, 200);
//         window.addEventListener('scroll', handleScroll);
//         return () => window.removeEventListener('scroll', handleScroll);
//     }, [activeDept, hasMore, loading, loadingMore, searchResults]);

//     useEffect(() => {
//         fetchDepartments();
//     }, []);

//     useEffect(() => {
//         if (activeDept) {
//             fetchData(activeDept);
//         }
//     }, [activeDept]);

//     return (
//         <div className="by-container">
//             <NavBar
//                 title="病友圈"
//                 leftText="返回"
//                 onClickLeft={() => navigate('/home')}
//             />

//             {/* 搜索框 */}
//             <div className="search-container">
//                 <Search
//                     placeholder="搜索病友圈内容"
//                     allowClear
//                     enterButton="搜索"
//                     size="large"
//                     onSearch={handleSearch}
//                     loading={searchLoading}
//                     value={searchValue}
//                     onChange={(e) => setSearchValue(e.target.value)}
//                 />
//             </div>

//             {/* 搜索结果展示 */}
//             {searchResults && (
//                 <div className="search-results">
//                     <Title level={4} className="search-title">搜索结果</Title>

//                     {error ? (
//                         <Alert
//                             message="搜索失败"
//                             description={error}
//                             type="error"
//                             showIcon
//                             action={
//                                 <button
//                                     className="reload-button"
//                                     onClick={() => handleSearch(searchValue)}
//                                 >
//                                     重新搜索
//                                 </button>
//                             }
//                         />
//                     ) : searchLoading ? (
//                         <Spin tip="搜索中..." size="large" />
//                     ) : searchResults.length === 0 ? (
//                         <Empty
//                             description="没有找到相关的病友圈"
//                             image={Empty.PRESENTED_IMAGE_SIMPLE}
//                         />
//                     ) : (
//                         <List
//                             dataSource={searchResults}
//                             renderItem={item => (
//                                 <List.Item
//                                     className="list-item"
//                                     extra={
//                                         <div className="item-stats">
//                                             <span>收藏: {item.collectionNum || 0}</span>
//                                             <span>评论: {item.commentNum || 0}</span>
//                                             {item.amount > 0 && <span className="reward">悬赏: {item.amount}</span>}
//                                         </div>
//                                     }
//                                 >
//                                     <List.Item.Meta
//                                         title={<span>{item.title || '未命名'}</span>}
//                                         description={
//                                             <>
//                                                 <div>{item.detail || '暂无内容描述'}</div>
//                                                 <div className="list-item-time">
//                                                     {formatTime(item.releaseTime)}
//                                                 </div>
//                                             </>
//                                         }
//                                     />
//                                 </List.Item>
//                             )}
//                         />
//                     )}
//                 </div>
//             )}

//             {/* 原始病友圈内容 - 只在没有搜索时显示 */}
//             {!searchResults && (
//                 <>
//                     {deptLoading ? (
//                         <Spin tip="加载科室..." size="large" />
//                     ) : departments.length > 0 ? (
//                         <Tabs
//                             activeKey={String(activeDept)}
//                             onChange={handleTabChange}
//                             tabPosition="top"
//                             type="card"
//                         >
//                             {departments.map(dept => (
//                                 <TabPane
//                                     tab={dept.departmentName}
//                                     key={String(dept.id)}
//                                 >
//                                     {error ? (
//                                         <Alert
//                                             message="加载失败"
//                                             description={error}
//                                             type="error"
//                                             showIcon
//                                             action={
//                                                 <button
//                                                     className="reload-button"
//                                                     onClick={() => fetchData(activeDept)}
//                                                 >
//                                                     重新加载
//                                                 </button>
//                                             }
//                                         />
//                                     ) : loading ? (
//                                         <Spin tip="加载中..." size="large" />
//                                     ) : data.length === 0 ? (
//                                         <Empty
//                                             description="暂无病友圈数据"
//                                             image={Empty.PRESENTED_IMAGE_SIMPLE}
//                                         />
//                                     ) : (
//                                         <List
//                                             dataSource={data}
//                                             renderItem={item => (
//                                                 <List.Item
//                                                     className="list-item"
//                                                     extra={
//                                                         <div className="item-stats">
//                                                             <span>收藏: {item.collectionNum || 0}</span>
//                                                             <span>评论: {item.commentNum || 0}</span>
//                                                             {item.amount > 0 && <span className="reward">悬赏: {item.amount}</span>}
//                                                         </div>
//                                                     }
//                                                 >
//                                                     <List.Item.Meta
//                                                         title={<h3>{item.title || '未命名'}</h3>}
//                                                         description={
//                                                             <>
//                                                                 <div>{item.detail || '暂无内容描述'}</div>
//                                                                 <div className="list-item-time">
//                                                                     {formatTime(item.releaseTime)}
//                                                                 </div>
//                                                             </>
//                                                         }
//                                                     />
//                                                 </List.Item>
//                                             )}
//                                             footer={
//                                                 loadingMore ? (
//                                                     <div className="load-more-container">
//                                                         <Spin className="load-more-spinner" size="small" />
//                                                         <span>正在加载更多...</span>
//                                                     </div>
//                                                 ) : !hasMore && data.length > 0 ? (
//                                                     <div className="no-more-data">已经到底了，没有更多数据了</div>
//                                                 ) : null
//                                             }
//                                         />
//                                     )}
//                                 </TabPane>
//                             ))}
//                         </Tabs>
//                     ) : (
//                         <Empty description="暂无科室数据" />
//                     )}
//                 </>
//             )}
//         </div>
//     );
// }

// export default Index;

import React from 'react'

type Props = {}

const Index = (props: Props) => {
  return (
    <div>Index</div>
  )
}

export default Index;